// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //照片数组
    chooseImgs: [],
    tabs: [{
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商品/商家投诉",
        isActive: false
      }
    ],
    textValue: "",
    UploadImgs:[]
  },

  handleTabsItemChange(e) {
    //获取被点击的标题
    const {
      index
    } = e.detail;
    let {
      tabs
    } = this.data;
    tabs.forEach((v, i) => i === index ? v.isActive = 'true' : v.isActive = false);
    this.setData({
      tabs
    })
  },

  //输入反馈内容
  handleTextInput(e) {
    this.setData({
      textValue: e.detail.value
    })
  },

  //添加照片
  handleChoose() {
    wx.chooseImage({
      count: 9,
      //图片格式
      sizeType: ['original', 'compresses'],
      //图片来源
      soyrceType: ['album', 'camera'],
      success: (res) => {
        this.setData({
          chooseImgs: [...this.data.chooseImgs, ...res.tempFilePaths]
        })
      },
    })
  },

  //删除照片
  handleRemoveImg(e) {
    const {
      index
    } = e.currentTarget.dataset;
    //获取少主
    let {
      chooseImgs
    } = this.data;
    chooseImgs.splice(index, 1);
    this.setData({
      chooseImgs
    })
  },

  //提交反馈
  handleFormSubmit() {
    //获取文本
    const {
      textValue,
      chooseImgs
    } = this.data;
    if (!textValue.trim()) {
      wx.showToast({
        title: '输入不合法',
        icon: 'none',
        mask: true
      });
      return;
    }
    //准备上传文件，不允许一次多张照片
    if(chooseImgs.length!=0){
    chooseImgs.forEach((v, i) => {
      wx.uploadFile({
        //上传到哪
        url: 'https://images.ac.cn/Home/Index/UploadAction',
        //上传的文件的路径
        filePath: v,
        //上传的名称
        name: 'file',
        //顺带信息
        FormData: {},
        success:(res)=>{
          let url = JSON.parse(res.data).url;
          this.UploadImgs.push(url);

          //所以照片上传才插法
          if(i===chooseImgs.length-1){
            wx.hideLoading();
            this.setData({
              textValue:"",
              chooseImgs:[]
            })
          }
          wx.navigateBack({
            delta:1
          })
        }
      });
    })
  }else{
    wx.hideLoading();
    wx.navigateBack({
      delta:1
    });
  }

  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
})